<%--
  Created by IntelliJ IDEA.
  User: LJS
  Date: 2018/11/14
  Time: 23:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page trimDirectiveWhitespaces="true"%>
<%@ page isELIgnored="false" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName()
            + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>公司通讯录</title>
    <jsp:include page="resource.jsp"/>
</head>
<body>
<jsp:include page="common.jsp"/>

<!-- Start #content -->
<div id="content">
    <!-- Start .content-wrapper -->
    <div class="content-wrapper">
        <!-- Start .row -->
        <div class="row">
            <!-- Start .page-header -->
            <div class="col-lg-12 heading">
                <h1 class="page-header"><i class="ec-bookmark"></i> 备忘录</h1>
            </div>
            <!-- End .page-header -->
        </div>
        <!-- End .row -->
        <!-- Start .outlet -->
        <div class="outlet">
            <!-- Page start here ( usual with .row ) -->
            <div class="row printable">
                <!-- col-lg-12 start here -->
                <div class="col-lg-12">
                    <!-- Start .panel -->
                    <div class="panel panel-default plain">
                        <div class="panel-heading white-bg"></div>
                        <div class="panel-body">
                            <!-- Start .invoice -->
                            <div class="invoice">
                                <a href="<%=basePath%>staffMail/list.do" class="mb5">返回</a>
                                <a href="javacript:void(0);" class="pull-right mb5" onclick="editable()"><i class="ec-pencil"></i> 修改</a>
                                <form class="form-horizontal" id="invoice-form" action="<%=basePath%>staffMail/update.do" method="post">
                                    <input type="hidden" id="staffMailId" name="staffMailId" value="${staffMail.staffMailId}"/>
                                    <%--<input type="hidden" id="staffId" name="staffId" value="${staffMail.staffId}"/>--%>
                                    <table class="table table-bordered">
                                        <tr>
                                            <td width="15%">
                                                <label for="staffNo" class="control-label">员工工号</label>
                                            </td>
                                            <td width="35%">
                                                <input type="text" class="form-control limitInput" maxlength="20"
                                                       id="staffNo" name="staffNo" value="${staffMail.staffNo}" readonly="readonly">
                                            </td>
                                            <td width="15%">
                                                <label for="staffName" class="control-label">员工姓名</label>
                                            </td>
                                            <td width="35%">
                                                <input type="text" class="form-control limitInput" maxlength="20"
                                                       value="${staffMail.staffName}" id="staffName" name="staffName" disabled="disabled">
                                                    <%--<select class="form-control select2" disabled="disabled">
                                                        &lt;%&ndash;从数据库拿到员工姓名列表，forEach循环输出&ndash;%&gt;
                                                        <optgroup label="Alaskan/Hawaiian Time Zone">
                                                            <option value="AK">Alaska</option>
                                                            <option value="HI">Hawaii</option>
                                                        </optgroup>
                                                        <optgroup label="Pacific Time Zone">
                                                            <option value="CA">California</option>
                                                            <option value="NV">Nevada</option>
                                                            <option value="OR">Oregon</option>
                                                            <option value="WA">Washington</option>
                                                        </optgroup>
                                                        <optgroup label="Mountain Time Zone">
                                                            <option value="AZ">Arizona</option>
                                                            <option value="CO">Colorado</option>
                                                            <option value="ID">Idaho</option>
                                                            <option value="MT">Montana</option>
                                                            <option value="NE">Nebraska</option>
                                                            <option value="NM">New Mexico</option>
                                                            <option value="ND">North Dakota</option>
                                                            <option value="UT">Utah</option>
                                                            <option value="WY">Wyoming</option>
                                                        </optgroup>
                                                        <optgroup label="Central Time Zone">
                                                            <option value="AL">Alabama</option>
                                                            <option value="AR">Arkansas</option>
                                                            <option value="IL">Illinois</option>
                                                            <option value="IA">Iowa</option>
                                                            <option value="KS">Kansas</option>
                                                            <option value="KY">Kentucky</option>
                                                            <option value="LA">Louisiana</option>
                                                            <option value="MN">Minnesota</option>
                                                            <option value="MS">Mississippi</option>
                                                            <option value="MO">Missouri</option>
                                                            <option value="OK">Oklahoma</option>
                                                            <option value="SD">South Dakota</option>
                                                            <option value="TX">Texas</option>
                                                            <option value="TN">Tennessee</option>
                                                            <option value="WI">Wisconsin</option>
                                                        </optgroup>
                                                        <optgroup label="Eastern Time Zone">
                                                            <option value="CT">Connecticut</option>
                                                            <option value="DE">Delaware</option>
                                                            <option value="FL">Florida</option>
                                                            <option value="GA">Georgia</option>
                                                            <option value="IN">Indiana</option>
                                                            <option value="ME">Maine</option>
                                                            <option value="MD">Maryland</option>
                                                            <option value="MA">Massachusetts</option>
                                                            <option value="MI">Michigan</option>
                                                            <option value="NH">New Hampshire</option>
                                                            <option value="NJ">New Jersey</option>
                                                            <option value="NY">New York</option>
                                                            <option value="NC">North Carolina</option>
                                                            <option value="OH">Ohio</option>
                                                            <option value="PA">Pennsylvania</option>
                                                            <option value="RI">Rhode Island</option>
                                                            <option value="SC">South Carolina</option>
                                                            <option value="VT">Vermont</option>
                                                            <option value="VA">Virginia</option>
                                                            <option value="WV">West Virginia</option>
                                                        </optgroup>
                                                    </select>--%>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="15%">
                                                <label for="staffDepartment" class="control-label">所在部门</label>
                                            </td>
                                            <td width="35%">
                                                <input type="text" class="form-control limitInput" maxlength="20" value="${staffMail.staffDepartment}"
                                                       id="staffDepartment" name="staffDepartment" disabled="disabled">
                                               <%-- <select class="form-control" disabled="disabled">
                                                    <option value="">--请选择--</option>
                                                    <option value="">营销部</option>
                                                    <option value="">技术部</option>
                                                    <option value="">人事部</option>
                                                </select>--%>
                                            </td>
                                            <td width="15%">
                                                <label for="staffPost" class="control-label">工作岗位</label>
                                            </td>
                                            <td width="35%">
                                                <input type="text" class="form-control limitInput" maxlength="20"
                                                       id="staffPost" name="staffPost" value="${staffMail.staffPost}" disabled="disabled" />
                                                <%--<select class="form-control" disabled="disabled">
                                                    <option value="">--请选择--</option>
                                                    <option value="">萌新</option>
                                                    <option value="">经理</option>
                                                    <option value="">主管</option>
                                                </select>--%>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="15%">
                                                <label for="staffMailPhone" class="control-label">移动电话</label>
                                            </td>
                                            <td width="35%">
                                                <input type="text" class="form-control limitInput" maxlength="20"
                                                       id="staffMailPhone" name="staffMailPhone" value="${staffMail.staffMailPhone}" disabled="disabled">
                                            </td>
                                            <td width="15%">
                                                <label for="staffMailEmail" class="control-label">电子邮箱</label>
                                            </td>
                                            <td width="35%">
                                                <input type="text" class="form-control limitInput" maxlength="20"
                                                       id="staffMailEmail" name="staffMailEmail" value="${staffMail.staffMailEmail}" disabled="disabled">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><label for="staffMailAddr" class="control-label">通讯地址</label></td>
                                            <td colspan="3">
                                                <textarea class="form-control limitTextarea" maxlength="150" rows="2"
                                                          id="staffMailAddr" name="staffMailAddr" disabled="disabled">${staffMail.staffMailAddr}</textarea>
                                            </td>
                                        </tr>
                                    </table>
                                    <div class="form-group">
                                        <input type="submit" class="btn btn-primary col-md-3 col-md-offset-4" value="保存" />
                                    </div>
                                </form>
                            </div>
                            <!-- End .invoice -->
                        </div>
                    </div>
                    <!-- End .panel -->
                </div>
                <!-- col-lg-12 end here -->
            </div>
            <!-- Page End here -->
        </div>
        <!-- End .outlet -->
    </div>
    <!-- End .content-wrapper -->
    <div class="clearfix"></div>
</div>
<!-- End #content -->
</body>
</html>
